<template>

  <!-- 页脚 -->
  <footer class="footer">
    <div class="footer-lfet" style="left:230px;" @click="goTop">返回顶部</div>
    <div class="footer-lfet" style="left:290px;">关于我们</div>
    <div class="footer-right" style="right:290px;">Copyright @2020.All rights reserved</div>
  </footer>

</template>

<script>

export default {
  data () {

  },
  methods: {
    goTop () {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      })
    }
  }
}

</script>


<style>
/* 页面 */

/* 底部页尾内容 */
.footer {
  display: flex;
  /* position: fixed; */
  /* bottom: 0rem; */
  width: 100%;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: #000000;
  z-index: 4;
}

.footer-lfet {
  position: absolute;
  width: 4rem;
  height: 1.5rem;
  font-size: 0.75rem;
  color: #f7f7f7;
  cursor: pointer;
}

.footer-right {
  position: absolute;
  width: 20rem;
  height: 1.5rem;
  font-size: 0.75rem;
  color: #ccc;
}
</style>